<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>建筑猎聘兼职页面</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/dist/style/Iindex-4911267737.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <header style="width:100%;height: 109px;overflow:hidden;background: #FFFFFF;">
        <iframe src="/dist/commom_hr/header5.html" width="100%" height="100%" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"></iframe>
    </header>
    <div class="secondBack">
        <img src="/dist/images/I2018.png" alt="背景图片" class="sback">
    </div>

    <div class="choose">
        <div class="type">
            <h5>工作类型：</h5>
            <div class="detail">
                <a href="javascript:;" class="part active">兼职</a>
                <a href="javascript:;" class="full">全职</a>
            </div>
        </div>
        
        <div class="first">
            <h5>证书类型：</h5>
            <div class="detail">
                <a href="javascript:;" class="child active">一级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>

            </div>
            <div class="switch">
                <span>更多</span><img src="/dist/images/Izhankai.png" alt="更多" class="icon">
            </div>
        </div>
        <div class="second">
            <h5>专业：</h5>
            <div class="detail">
                <a href="javascript:;" class="child active">一级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>
                <a href="javascript:;" class="child">二级建造师</a>

            </div>
            <div class="switch">
                <span>更多</span><img src="/dist/images/Izhankai.png" alt="更多" class="icon">
            </div>
        </div>
        <div class="address">
            <h5>用证地区：</h5>
            <form class="form-inline detail">
                <div data-toggle="distpicker">
                    <div class="form-group">
                        <label class="sr-only" for="province2">湖北省</label>
                        <select class="form-control" id="province2" data-province="广东省">
                            <option value="" data-code="">—— 省 ——</option>
                            <option value="北京市" data-code="110000">北京市</option>
                            <option value="天津市" data-code="120000">天津市</option>
                            <option value="河北省" data-code="130000">河北省</option>
                            <option value="山西省" data-code="140000">山西省</option>
                            <option value="内蒙古自治区" data-code="150000">内蒙古自治区</option>
                            <option value="辽宁省" data-code="210000">辽宁省</option>
                            <option value="吉林省" data-code="220000">吉林省</option>
                            <option value="黑龙江省" data-code="230000">黑龙江省</option>
                            <option value="上海市" data-code="310000">上海市</option>
                            <option value="江苏省" data-code="320000">江苏省</option>
                            <option value="浙江省" data-code="330000">浙江省</option>
                            <option value="安徽省" data-code="340000">安徽省</option>
                            <option value="福建省" data-code="350000">福建省</option>
                            <option value="江西省" data-code="360000">江西省</option>
                            <option value="山东省" data-code="370000">山东省</option>
                            <option value="河南省" data-code="410000">河南省</option>
                            <option value="湖北省" data-code="420000">湖北省</option>
                            <option value="湖南省" data-code="430000">湖南省</option>
                            <option value="广东省" data-code="440000" selected>广东省</option>
                            <option value="广西壮族自治区" data-code="450000">广西壮族自治区</option>
                            <option value="海南省" data-code="460000">海南省</option>
                            <option value="重庆市" data-code="500000">重庆市</option>
                            <option value="四川省" data-code="510000">四川省</option>
                            <option value="贵州省" data-code="520000">贵州省</option>
                            <option value="云南省" data-code="530000">云南省</option>
                            <option value="西藏自治区" data-code="540000">西藏自治区</option>
                            <option value="陕西省" data-code="610000">陕西省</option>
                            <option value="甘肃省" data-code="620000">甘肃省</option>
                            <option value="青海省" data-code="630000">青海省</option>
                            <option value="宁夏回族自治区" data-code="640000">宁夏回族自治区</option>
                            <option value="新疆维吾尔自治区" data-code="650000">新疆维吾尔自治区</option>
                            <option value="台湾省" data-code="710000">台湾省</option>
                            <option value="香港特别行政区" data-code="810000">香港特别行政区</option>
                            <option value="澳门特别行政区" data-code="820000">澳门特别行政区</option>
                        </select>
                    </div>
                    -
                    <div class="form-group">
                        <label class="sr-only" for="city2">武汉市</label>
                        <select class="form-control" id="city2" data-city="---- 选择市 ----">
                            <option value="" data-code="">---- 选择市 ----</option>
                            <option value="广州市" data-code="440100" selected>广州市</option>
                            <option value="韶关市" data-code="440200">韶关市</option>
                            <option value="深圳市" data-code="440300">深圳市</option>
                            <option value="珠海市" data-code="440400">珠海市</option>
                            <option value="汕头市" data-code="440500">汕头市</option>
                            <option value="佛山市" data-code="440600">佛山市</option>
                            <option value="江门市" data-code="440700">江门市</option>
                            <option value="湛江市" data-code="440800">湛江市</option>
                            <option value="茂名市" data-code="440900">茂名市</option>
                            <option value="肇庆市" data-code="441200">肇庆市</option>
                            <option value="惠州市" data-code="441300">惠州市</option>
                            <option value="梅州市" data-code="441400">梅州市</option>
                            <option value="汕尾市" data-code="441500">汕尾市</option>
                            <option value="河源市" data-code="441600">河源市</option>
                            <option value="阳江市" data-code="441700">阳江市</option>
                            <option value="清远市" data-code="441800">清远市</option>
                            <option value="东莞市" data-code="441900">东莞市</option>
                            <option value="中山市" data-code="442000">中山市</option>
                            <option value="潮州市" data-code="445100">潮州市</option>
                            <option value="揭阳市" data-code="445200">揭阳市</option>
                            <option value="云浮市" data-code="445300">云浮市</option>
                        </select>
                    </div>
                   
                    <div class="form-group" style="display:none;">
                            -
                        <label class="sr-only" for="district2">District</label>
                        <select class="form-control" id="district2"  data-district="---- 选择区 ----">
                            <option value="" data-code="">---- 选择区 ----</option>
                            <option value="荔湾区" data-code="440103" selected>荔湾区</option>
                            <option value="越秀区" data-code="440104">越秀区</option>
                            <option value="海珠区" data-code="440105">海珠区</option>
                            <option value="天河区" data-code="440106">天河区</option>
                            <option value="白云区" data-code="440111">白云区</option>
                            <option value="黄埔区" data-code="440112">黄埔区</option>
                            <option value="番禺区" data-code="440113">番禺区</option>
                            <option value="花都区" data-code="440114">花都区</option>
                            <option value="南沙区" data-code="440115">南沙区</option>
                            <option value="从化区" data-code="440117">从化区</option>
                            <option value="增城区" data-code="440118">增城区</option>
                        </select>
                    </div>

                </div>
            </form>
        </div>
    </div>

    <div class="count">
        <ul class="Cleft">
           
         <li>
            <a href="javascript:;" class="child">
                <div class="left">
                    <h3 class="title">土木工程师-注册岩土工程师 </h3>
                    <p class="tag"> <span>广州-天河区</span> <span>资质</span></p>
                </div>
                <div class="right">
                    <p class="name">广州猎聘人力资源服务有限公司 <span class="tag">自营</span> </p>
                    <p class="pay">15K-25K</p>
                    <p class="states">招聘中</p>
                </div>
            </a>
         </li>
         <li>
            <a href="javascript:;" class="child">
                <div class="left">
                    <h3 class="title">土木工程师-注册岩土工程师 </h3>
                    <p class="tag"> <span>广州-天河区</span> <span>资质</span></p>
                </div>
                <div class="right">
                    <p class="name">广州猎聘人力资源服务有限公司 <span class="tag">自营</span> </p>
                    <p class="pay">15K-25K</p>
                    <p class="states">招聘中</p>
                </div>
            </a>
         </li>
         <li>
            <a href="javascript:;" class="child">
                <div class="left">
                    <h3 class="title">土木工程师-注册岩土工程师 </h3>
                    <p class="tag"> <span>广州-天河区</span> <span>资质</span></p>
                </div>
                <div class="right">
                    <p class="name">广州猎聘人力资源服务有限公司 <span class="tag">自营</span> </p>
                    <p class="pay">15K-25K</p>
                    <p class="states">招聘中</p>
                </div>
            </a>
         </li>
         <li>
            <a href="javascript:;" class="child">
                <div class="left">
                    <h3 class="title">土木工程师-注册岩土工程师 </h3>
                    <p class="tag"> <span>广州-天河区</span> <span>资质</span></p>
                </div>
                <div class="right">
                    <p class="name">广州猎聘人力资源服务有限公司 <span class="tag">自营</span> </p>
                    <p class="pay">15K-25K</p>
                    <p class="states">招聘中</p>
                </div>
            </a>
         </li>
         <li>
            <a href="javascript:;" class="child">
                <div class="left">
                    <h3 class="title">土木工程师-注册岩土工程师 </h3>
                    <p class="tag"> <span>广州-天河区</span> <span>资质</span></p>
                </div>
                <div class="right">
                    <p class="name">广州猎聘人力资源服务有限公司 <span class="tag">自营</span> </p>
                    <p class="pay">15K-25K</p>
                    <p class="states">招聘中</p>
                </div>
            </a>
         </li>
         <li>
            <a href="javascript:;" class="child">
                <div class="left">
                    <h3 class="title">土木工程师-注册岩土工程师 </h3>
                    <p class="tag"> <span>广州-天河区</span> <span>资质</span></p>
                </div>
                <div class="right">
                    <p class="name">广州猎聘人力资源服务有限公司 <span class="tag">自营</span> </p>
                    <p class="pay">15K-25K</p>
                    <p class="states">招聘中</p>
                </div>
            </a>
         </li>
          

           
        </ul>
        <div class="Cright">
            <div class="c1">
                <p class="head">联系我们</p>
                <p class="phone"><img src="/dist/images/iPhone.png" alt="手机" class="iPhone"><span>400-900-1971</span></p>
                <p class="email"><img src="/dist/images/Iemail.png" alt="邮箱" class="Iemail"><span>CS@zhongzhu71.com</span></p>
            </div>
            <div class="c2">
                <p class="head">关注我们</p>
                <div class="ewm" style="background: url('/dist/images/ibackgood.png') no-repeat center center">
                    <h6 class="sm">扫码关注</h6>
                    <div class="imgshow">
                        <div class="left">
                            <div class="img" style="background: url('/dist/images/ibackWhite.png') no-repeat center center">
                                <img src="/dist/images/erweima.png" alt="二维码" class="lm">
                            </div>
                            <p class="descript">中住71微信公众号</p>
                        </div>

                        <div class="right">
                            <div class="img" style="background: url('/dist/images/ibackWhite.png') no-repeat center center">
                                <img src="/dist/images/erweima.png" alt="二维码" class="rm">
                            </div>
                            <p class="descript">建筑job微信公众号</p>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script src="/dist/js/distpicker.data.js"></script>
    <script src="/dist/js/distpicker.js"></script>
    <script src="/dist/js/com.js"></script>

    <script>
       $('.detail a').click(function(){
           var _this = $(this);
           _this.addClass('active');
           _this.siblings().removeClass('active');
          if( _this.html()=='全职'){
            $('.first').find('h5').html('职位类型：');
            $('.second').find('h5').html('详细职位：');
            $('.address').find('h5').html('公司地址：');
            $('#district2').closest('.form-group').css('display','inline-block')
          }else{
            $('.first').find('h5').html('证书类型：');
            $('.second').find('h5').html('专业：');
            $('.address').find('h5').html('用证地区：');
            $('#district2').closest('.form-group').css('display','none')
           
          }
        
       })
       $('.switch').click(function(){
            var _this = $(this);
            var par = _this.parent();
            var pd = _this.find('span').html();
            if(pd=='更多'){
                _this.find('span').html('收起'); 
                _this.find('img').attr('src','/dist/images/Ishou.png');
                par.find('.detail').addClass('active');
            }else{
                _this.find('span').html('更多'); 
                _this.find('img').attr('src','/dist/images/Izhankai.png');
                par.find('.detail').removeClass('active');
            }
       })

    </script>
</body>

</html>